Imagem de fundo num elemento block.
Default : Sem nenhuma formatação.
A imagem irá ocupar todo espaço do elemento repetindo na vertical e na horizontal quantas vezes
for necessário para preencher totalmente a área do elemento container.
Imagem de fundo num elemento block.
Default : Pedindo para que não se repita nem na horizontal nem na vertical(background-repeat:no-repeat).
A imagem irá ocupar todo espaço do elemento repetindo na vertical e na horizontal quantas vezes
for necessário para preencher totalmente a área do elemento container.
Imagem de fundo num elemento block.
Default : Pedindo para que se repita apenas na horizontal(background-repeat:repeat-x).
A imagem irá ocupar todo espaço do elemento repetindo na vertical e na horizontal quantas vezes
for necessário para preencher totalmente a área do elemento container.
Imagem de fundo num elemento block.
Default : Pedindo para que se repita apenas na vertical(background-repeat:repeat-y).
A imagem irá ocupar todo espaço do elemento repetindo na vertical e na horizontal quantas vezes
for necessário para preencher totalmente a área do elemento container.
Imagem de fundo num elemento inline.
Default : Sem formatação.
A imagem irá ocupar todo espaço do elemento repetindo na vertical e na horizontal quantas vezes
for necessário para preencher totalmente a área do elemento container. Contudo, o elemento terá
largura e altura definida pelo seu conteúdo e não pela CSS.
A dimensão desse elemento depende do texto que colocamos nele e, portanto, da imagem de fundo também.
Se colocarmos pouco texto, pouco da imagem de fundo aparecerá e se colocarmos muito texto a imagem será
repetida.
Linha1-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha2-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha3-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha4-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha5-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha6-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha7-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha8-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Linha9-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
Nota : A imagem não será exibida corretamente, aparecerá fatiada, como se começasse o fatiamento da imagem em cada linha e não no conjunto
de linhas dentro do elemento inline.
Resumindo : Se for usar uma imagem num elemento inline tenha certeza que seu conteudo seja casado com a imagem
de fundo senão ela será fatiada e nem sempre terá o resultado esperado.